<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱豆网-易烊千玺</title>
    <style>
        .nav {
            height: 66px;
            border-top: 0px solid transparent;
            border-bottom: 0px solid transparent;
            background-color: #ff5dc3;
            line-height: 66px;
        }
        
        .nav a {
            display: inline-block;
            height: 66px;
            padding: 0px 25px;
            font-size: 16px;
            color: #fcfcfc;
            text-decoration: none;
        }
        
        .nav .kuai {
            padding: 0px 150px;
        }
        
        .nav .aidou {
            font-size: 20px;
        }
        
        .nav .kuai .xiao {
            font-size: 12px;
        }
        
        .nav .kuai a:hover {
            background-color: #f04bb3;
        }
        
        .suoying {
            background-color: rgb(255, 255, 255);
        }
        
        body {
            background-color: #f5f5f5;
        }
        
        .box {
            width: 1000px;
            height: 2000px;
            background-color: #fff;
            margin: 10px auto;
        }
        
        .box img {
            width: 94%;
        }
        
        .review {
            height: 140px;
            font-size: 14px;
            /* 这个盒子没有width属性 所以padding不会撑开盒子 */
            padding: 0px 30px;
            margin-top: 30px;
        }
        
        .info h4 {
            display: inline-block;
        }
        
        .info {
            margin-top: 10px;
            padding: 0px 28px;
            font-size: 12px;
        }
        
        .box img {
            padding: 0px 28px;
        }
        
        .box1 div a {
            text-decoration: none;
            font-style: italic;
            font-size: 18px;
            color: rgb(51, 45, 45);
            line-height: 64px;
        }
        
        .box1 div a:hover {
            color: #c83f69;
        }
        
        .box1 {
            width: 100%;
            margin: 10px auto;
        }
        
        .box .review {
            text-indent: 2em;
        }
        
        .box h3 {
            font-style: italic;
        }
        
        .box .info {
            text-align: right;
        }
        
        .box .appraise {
            text-align: right;
            font-weight: 400;
            font-size: 12px;
            color: #b0b0b0;
            margin-top: 5px;
            padding: 0px 28px;
        }
        
        .box .review a {
            text-decoration: none;
            font-style: italic;
            font-weight: 400;
        }
    </style>
</head>

<body>
    <div class="nav">
        <span class="kuai">
            <!-- <img src="img\bg0.png" width="100px" alt=""> -->
            <a href="#" class="aidou">爱豆网</a>
            <span style="font-size:12px;color: #fff;vertical-align: bottom;font-weight: 300;">粉丝门户平台</span>
        <a href="#" class="">首页</a>
        <a href="#">活动汇</a>
        <a href="#">APP下载</a>
        </span>
        <span class="kuai">
            <a href="#" class="xiao">上传视频</a>
            <a href="#" class="xiao">登录</a>
        </span>
    </div>
    <div class="box1">
        <div>
            <a href="#">首页></a>
            <a href="#">易烊千玺></a>
            <a href="#">个人介绍></a>
        </div>
    </div>
    <div class="box">
        <h3>个人介绍:</h3>
        <p class="review">
            易烊千玺原名易烊千玺，英文名为Jackson Yee。易烊千玺生于2000年，“烊”在其家乡湖南怀化是“欢迎”的意思。为了迎接、纪念千禧年，家里人为他取了一个特别的名字——易烊千玺。 易烊千玺，2000年11月28日生于湖南怀化，中国内地男歌手、舞者、演员，TFBOYS成员，就读于中央戏剧学院 。2005年，首登电视荧屏，开始参演各类综艺节目。2009年，加入“飞炫少年”组合，两年后退出。2013年6月，获邀加入TF家族；同年8月，以
            <a href="#">TFboys</a> 形式出道。
        </p>
        <img src="img/bg1.jpg" alt="bgt">
        <p class="review">
            易烊千玺长相清秀出众，性格幽默风趣，品学兼优，唱跳俱佳 。熟悉多种舞蹈，如拉丁舞、现代舞、民族舞、街舞等，是嘉禾最小的舞蹈老师。除了跳舞，还会跆拳道、魔术、书法、绘画、变脸、乐器等多项技能 。他是 <a href="#">TFBOYS</a> 里最小的成员，多才多艺而不张扬炫耀，勤奋努力而不自我满足，低调内敛，热心公益 。（北青网、中国网、新浪公益评）
        </p>
        <img src="img/bg2.jpg" alt="bgt">

        <div class="appraise">来自网友送你一朵小红花</div>
        <div class="info">
            <h4>发布日期...</h4> |
            <span>2021-12-25</span>
        </div>
    </div>
</body>

</html>